<template>
  <div>
    <a v-bind:href="url">百度一下</a><br>
    <a :href="url2">百度一下</a><br>
    <input type="text" v-bind:value="msg"><br>
    <input type="text" :value="msg"><br>
    <input type="checkbox" :checked="flag">
    <img :src="imgUrl" alt="">
  </div>
</template>

<script>
export default {
  name: 'directive-component',
  data() {
    return {
      flag:true,
      url: 'https://www.baidu.com/',
      url2: 'https://www.baidu.com/',
      msg: '哈哈哈哈哈',
      imgUrl:'http://pic.ntimg.cn/file/20170829/5451374_120702086030_2.jpg',
    }
  }
}
</script>